<template>
  <q-page class="q-pa-sm">

    <card-social icon_position="left" />

    <card-charts />

    <div class="row q-col-gutter-sm  q-py-sm">
      <tab-social />
      <card-with-image />
    </div>

    <div class="row q-col-gutter-sm  q-pb-sm">
      <todo-list />

      <card-time-line />
    </div>

    <table-visits />
  </q-page>
</template>

<script>
  export default {
    name: 'PageIndex',
    components: {
        CardSocial: () =>  import('components/cards/CardSocial'),
        CardCharts: () =>  import('components/cards/CardCharts'),
        TabSocial: () =>  import('components/tabs/TabSocial'),
        CardWithImage: () =>  import('components/cards/CardWithImage'),
        CardTimeLine: () =>  import('components/cards/CardTimeLine'),
        TodoList: () =>  import('components/list/TodoList'),
        TableVisits: () =>  import('components/tables/TableVisits'),
    },
    data() {
      return {
      mode: 'list',
      messages: [
        {
            id: 5,
            name: 'Pratik Patel',
            msg: ' -- I\'ll be in your neighborhood doing errands this\n' +
                '            weekend. Do you want to grab brunch?',
            avatar: 'https://avatars2.githubusercontent.com/u/34883558?s=400&v=4',
            time: '10:42 PM'
        }, {
            id: 6,
            name: 'Winfield Stapforth',
            msg: ' -- I\'ll be in your neighborhood doing errands this\n' +
                '            weekend. Do you want to grab brunch?',
            avatar: 'https://cdn.quasar.dev/img/avatar6.jpg',
            time: '11:17 AM'
        }, {
            id: 1,
            name: 'Boy',
            msg: ' -- I\'ll be in your neighborhood doing errands this\n' +
                '            weekend. Do you want to grab brunch?',
            avatar: 'https://cdn.quasar.dev/img/boy-avatar.png',
            time: '5:17 AM'
        }, {
            id: 2,
            name: 'Jeff Galbraith',
            msg: ' -- I\'ll be in your neighborhood doing errands this\n' +
                '            weekend. Do you want to grab brunch?',
            avatar: 'https://cdn.quasar.dev/team/jeff_galbraith.jpg',
            time: '5:17 AM'
        }, {
            id: 3,
            name: 'Razvan Stoenescu',
            msg: ' -- I\'ll be in your neighborhood doing errands this\n' +
                '            weekend. Do you want to grab brunch?',
            avatar: 'https://cdn.quasar.dev/team/razvan_stoenescu.jpeg',
            time: '5:17 AM'
        }
      ],
    }
  },
}
</script>
